@charset "utf-8";
/* CSS Document */

/* --------灰色-----
html {
    filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
    -webkit-filter: grayscale(100%);
}
*/
/*---------------------------------------------------------------CSS重置-------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

a{text-decoration:none;color:inherit;}
.clr{ clear: both; display: block; font-size: 0; height:0; line-height: 0; overflow: hidden;}



/*---------------------------------------------------------头部第一行----------------------------------------------------------------*/
.heads{ width:100%; background:#fff; height:78px;width:expression(document.body.clientWidth <= 1100? "1100px": "auto"); min-width:1100px;}
.heads .head{ width:1100px; margin:0 auto; position:relative; height:78px;}
.heads .head .h-logo{ width:377px; height:42px; position:absolute; left:0; top:9px;}
.heads .head .h-logo img{height:60px;}
.heads .head .h-dot{ position:absolute; right:279px; top:27px; height:24px;}
.heads .head .h-dot a{ display:inline-block; padding-right:6px; color:#818181; line-height:16px;font-size:12px;}
.heads .head .h-dot a.tmall{ width:16px; background:url(../img/common/dot.png) no-repeat 0 0;}
.heads .head .h-dot a.suning{ width:16px; background:url(../img/common/dot.png) no-repeat 0 -25px;display:none;}
.heads .head .h-dot a.weixin{ width:16px; background:url(../img/common/weixin.png) no-repeat 0 1px;}
.heads .head .h-dot span{ display:inline-block; font-size:9px; color:#818181;}
.heads .head .h-dot a.english{ padding-left:12px; background:url(../img/common/dot.jpg) no-repeat left;}
.heads .head .h-dot a:hover{ color:#dc3e37;}
.heads .head .h-dot .show-ma{ width:98px; height:106px; position:absolute; top:28px; left:20px; z-index:999999; display:none;}
.heads .head .h-dot .show-ma img{ width:100%; height:100%;}
.heads .head .h-input{ position:absolute; top:23px; right:0; width:261px;border:1px solid #e0e0e0; *width:264px;}
.heads .head .h-input input{ width:218px; height:12px; float:left; padding:10px 6px; outline:none; color:afafaf; font-size:12px; border:none; *border:1px solid #fff; line-height:12px;}
.heads .head .h-input a{ display:block; float:left; width:30px; height:32px; background:url(../img/common/dot.png) no-repeat 6px -41px;}

/*--------------------------------------------------------头部 导航栏---------------------------------------------------------------*/
.navs{ width:100%; background:url(../img/common/nav-bg.jpg) repeat-x; height:46px; border-top:1px solid #e0dfe0;width:expression(document.body.clientWidth <= 1100? "1100px": "auto"); min-width:1100px;}
.navs .nav{ width:1100px; height:46px; margin:0 auto;}
.navs .nav .li-nav{ width:1020px; margin:0 auto;}
/*--.navs .nav .li-nav li{ width:204px; height:46px; float:left;}----*/
.navs .nav .li-nav li{ width:170px; height:46px; float:left;}

.navs .nav .li-nav li a{ display:block; width:135px; margin:0 auto; font-size:15px; color:#333333; text-align:center; line-height:46px; margin-top:-1px; height:47px;}
.navs .nav .li-nav li a:hover,.navs .nav .li-nav li a.act{ color:#dc3e37; font-weight:bold; background:url(../img/common/nav-bg1.jpg) repeat-x; cursor:pointer;}

#Fly{  position:absolute; top:125px; left:10px; background:#fff url(../img/common/nav-box.jpg) repeat-x; z-index:9999; display:none; border-radius:10px; border-radius:0 0 10px 10px; box-shadow:0 2px 3px #d1d0d0;}
.box-nav{ display:none;}
#Fly .nav-show{ text-align:left; padding:20px 10px;}
#Fly .nav-show dl{ display:inline-block; vertical-align:text-top; float:left; padding-bottom:15px;}
#Fly .nav-show dl dt{ color:#dc3e37; font-size:16px; padding-bottom:10px; padding-left:18px;}
#Fly .nav-show dl dt a{ padding-left:11px;cursor:pointer;}
#Fly .nav-show dl dt a:hover{ color:#dc3e37; background:url(../img/common/dot.png) no-repeat 0 -72px;cursor:pointer;}

#Fly .nav-show dl dd{ line-height:35px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0 18px;}
#Fly .nav-show dl dd a{ color:#333333;padding-left:11px;}
#Fly .nav-show dl dd a:hover{ color:#dc3e37; background:url(../img/common/dot.png) no-repeat 0 -72px;}
#Fly .box-show{ padding:20px 0 }
#Fly .box-show .l-box{  border-right:1px solid #dddcdd; float:left;}
#Fly .box-show .r-box{ width:519px; float:left; height:192px; }
#Fly .box-show .l-box li{ height:14px; padding:0px 20px 26px; text-align:left; line-height:14px;}
#Fly .box-show .l-box li a{ display:inline-block; height:14px; padding-left:11px; line-height:14px; font-size:15px; color:#333333;}
#Fly .box-show .l-box li a:hover,#Fly .box-show .l-box li a.act{ color:#dc3e37; background:url(../img/common/dot.png) no-repeat 0 -75px;}
#Fly .box-show .r-box .tabs-item{ display:none;}
#Fly .box-show .r-box .tabs-item h3{ color:#dc3e37; font-size:18px; padding:4px 0 19px;}
#Fly .box-show .r-box .tabs-item p{ line-height:22px; color:#999999; font-size:14px;}
#Fly .box-show .r-box .tabs-item a{ color:#0033ff; font-size:14px;}
#Fly .box-show .r-box .box1{ padding:0 38px 0 32px; height:192px; position:absolute;}
#Fly .box-show .r-box .box1 p{ height:110px; overflow:hidden; *width:449px;}
#Fly .box-show .r-box .box1 a.more{ position:absolute; bottom:10px; right:38px;}


/*-------------------------------------------------------------友情链接--------------------------------------------------------*/
.links{width:100%; height:40px; background:#fff; border-top:1px solid #ccd0d3; width:expression(document.body.clientWidth <= 1100? "1100px": "auto"); min-width:1100px;}
.links .link{ width:1100px; margin:0 auto;}
.links .link p{ font-size:12px; color:#3f3f3f; line-height:40px; padding-left:30px;}
.links .link p a{ color:#909090;}
.links .link p a:hover{ color:#dc3e37;}

/*-------------------------------------------------------------底部--------------------------------------------------------*/
.foots{width:100%; height:120px; background:#A0A0A0; border-top:2px solid #de3c37; width:expression(document.body.clientWidth <= 1100? "1100px": "auto"); min-width:1100px;}
.foots .foot{ width:1100px; margin:0 auto;}
.foots .foot .erweima{ width:106px; height:106px; margin:5px 5px 0 10px; float:left;}
.foots .foot .erweima img{ width:100%; height:100%;transition: transform 0.5s ease;}
.foots .foot .erweima img:hover { transform: scale(1.05); }
.foots .foot .way{ width:997px; *width:986px; text-align:center; padding-top:20px; }
.foots .foot .way p{ font-size:12px; color:#fff; line-height:28px;}

/*二级页导航*/
.main{width:1100px;margin:20px auto 40px;background-color: #fff;min-height:624px;}
.main .p-main-title{font-size: 12px; line-height: 50px; border-bottom: 1px solid #dddddd; background: url(../img/common/p-main-title-bg.png) repeat left center;margin-bottom: 20px;}
.main .p-main-title span{display: inline-block;background: url(../img/common/p-main-title.png) no-repeat 25px center;text-indent: 40px;color:#818181;}
.main .p-main-title a{color:#818181;}
.main .p-main-title .act{color: #dc3e37;}
.main .p-main-title a:hover{color:#dc3e37;}

.main .main-l{margin:0 25px 50px 15px;display: inline-block;vertical-align: top; *float:left;}
.main .main-l li{width: 216px; border: 1px solid #dddddd; margin-bottom: 5px;}
.main .main-l li h5{color: #333333;font-size: 15px;line-height: 40px;text-indent: 14px;background: url(../img/common/p-main-title-bg.png) repeat left top;}
.main .main-l li.head h5{font-weight: bold;line-height: 50px;font-size: 16px;}
.main .main-l li h5 a,.main .main-l li h5 p{ display: block;  background: url(../img/common/arrow-right.png) no-repeat right center;margin-right:11px;}
.main .main-l li h5>a:hover{background: url(../img/common/arrow-right-red.png) no-repeat right center; color:#dc3e37; font-weight:bold;}
.main .main-l li.head h5 a,.main .main-l li.head h5 p{background: url(../img/common/arrow-down.png) no-repeat right center;}
.main .main-l li.show h5 a,.main .main-l li.show h5 p{background: url(../img/common/arrow-right-red.png) no-repeat right center; color:#dc3e37; font-weight:bold;}
.main .main-l li div{display: none;}
.main .main-l li.show div{display: block;margin-top: 10px;margin-bottom: 18px;}
.main .main-l li.show div{ display:none;}
.main .main-l li div a{display: block;font-size: 12px;line-height: 36px;color: #333;text-indent: 30px;background: url(../img/common/arrowfull-right-red.png) no-repeat 16px center;}
.main .main-l li div a.act,.main .main-l li div a:hover{color: #fff;background: url(../img/common/arrowfull-right-white.png) no-repeat 16px center #dc3e37;}
.main .main-l li div .border{margin: 0 15px;border-top: 1px dashed  #ddd; }

/*右侧内容块*/
.main .main-r{display: inline-block;vertical-align: top;width:820px; *float:left;}
/*右侧内容底部换页*/
.main .ul-pages{margin: 29px auto 60px;text-align: center;overflow: hidden;color:#999; font-size:14px;}
.main .ul-pages a {display:inline-block; font-size: 12px;color: #9d9d9d;line-height: 20px;border:1px solid #ddd;padding:0 6px; margin:0 2px;}
.main .ul-pages a:hover {color: #fff;background-color: #dc3e37;border-color:#dc3e37;}
.main .ul-pages span {border: 1px solid #e3e3e3;display: inline-block;height: 20px;line-height: 20px;padding: 0 8px;text-align: center;margin:0 2px;}
.main .ul-pages .current {background: #dc3e37 none repeat scroll 0 0;border: 1px solid #ddd;color: #fff;margin:0 5px;}

/*上下篇样式*/
.next-prev-single{ padding:10px 0;  font-size:14px; overflow:hidden; text-align:center;}
	.next-prev-single p{ width:49%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.next-prev-single p a{ text-decoration:none; }
	.next-prev-single p a:hover{ color:#dc3e37; text-decoration:none; }
	.next-prev-single .prev{ float:left;}
	.next-prev-single .next{ float:right; text-align:left; }